{layout name="common/layout" /}
<style>
    .article-list .media .media-left a {
        display: block;
        width: 120px;
    }

    @media (min-width: 991px) {
        .article-list .article-item {
            max-height: 160px;
            overflow: hidden;
        }

        .article-list .article-item .article-title {
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
    }
</style>
<div class="container" id="content-container">

    <h1 class="category-title">
        {cms:channel name="name" /}
        <div class="more pull-right">
            <ol class="breadcrumb">
                <!-- S 面包屑导航 -->
                {cms:breadcrumb id="item"}
                <li><a href="{$item.url}">{$item.name|htmlentities}</a></li>
                {/cms:breadcrumb}
                <!-- E 面包屑导航 -->
            </ol>
        </div>
    </h1>
<!--    {if $__FILTERLIST__}-->
<!--    <div class="panel panel-default">-->
<!--        <div class="panel-heading">-->
<!--            <h3 class="panel-title">-->
<!--                筛选-->
<!--                <div class="more">-->
<!--                    <form action="" id="multipleform">-->
<!--                        <label for="multiple" class="checkbox-inline">-->
<!--                            <input type="checkbox" name="multiple" class="pull-left mt-0" id="multiple" onclick="document.getElementById('multipleform').submit();" value="{:$Think.get.multiple?0:1}" {:$Think.get.multiple?'checked':''}>-->
<!--                                                                                                                                                                                                                             多选模式-->
<!--                        </label>-->
<!--                    </form>-->
<!--                </div>-->
<!--            </h3>-->
<!--        </div>-->
<!--        <div class="panel-body pt-1">-->
<!--            <div class="tabs-wrapper {:$Think.get.multiple?'tabs-multiple':''}">-->
<!--                {cms:pagefilter id="filter" exclude=""}-->
<!--                <div class="tabs-group">-->
<!--                    <div class="title">{$filter.title|htmlentities}:</div>-->
<!--                    <ul class="content clearfix">-->
<!--                        {volist name="$filter.content" id="item"}-->
<!--                        <li class="{$item.active?'active':''}"><a href="{$item.url}">{$item.title|htmlentities}</a></li>-->
<!--                        {/volist}-->
<!--                    </ul>-->
<!--                </div>-->
<!--                {/cms:pagefilter}-->
<!--                &lt;!&ndash; E 分类列表 &ndash;&gt;-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    {/if}-->

    <div class="row">

        <main class="col-xs-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span>列表</span>

<!--                        <div class="more">-->
<!--                            <ul class="list-unstyled list-inline category-order clearfix">-->
<!--                                &lt;!&ndash; S 排序 &ndash;&gt;-->
<!--                                {cms:pageorder id="order"}-->
<!--                                <li><a href="{$order.url}" class="{$order.active?'active':''}">{$order.title|htmlentities}</a></li>-->
<!--                                {/cms:pageorder}-->
<!--                                &lt;!&ndash; E 排序 &ndash;&gt;-->
<!--                            </ul>-->
<!--                        </div>-->
                    </h3>
                </div>
                <div class="panel-body py-0">
                    <div class="article-list row">
                        <!-- S 列表 -->
                        {cms:pagelist id="item"}
                        {include file="common/item_download"}
                        {/cms:pagelist}
                        <!-- E 列表 -->
                    </div>

                    <!-- S 分页 -->
                    {include file="common/pageinfo" /}
                    <!-- E 分页 -->
                </div>
            </div>
        </main>
    </div>
</div>
